import React from 'react'
import { Toast, NavBar } from 'react-vant'
import { Share } from '@react-vant/icons'
import { useNavigate } from 'react-router-dom'
import { Tabs } from 'react-vant'
import './index.css'
function index() {
    const navigate = useNavigate()
    return (
        <div>
            <NavBar
                title='名医守护-肿瘤专区'
                leftText='返回'
                onClickLeft={() => navigate(-1)}
                rightText={<Share fontSize={20} />}
                onClickRight={() => Toast('按钮')}
            />

            <div className='tumlibox'>
                <img src="../src/assets/604.jpg" alt="" />
            </div>
            <div>
                <Tabs>
                    {['肿瘤综合', '妇科肿瘤', '消化道...', '血液肿瘤', '甲状腺肿瘤', '胸肺部...', '泌尿系统...', '中西药...'].map(item => (
                        <Tabs.TabPane key={item} title={`${item}`}>
                            {/* 内容 {item} */}
                            <div className='tumlibox23' onClick={() => navigate('/firming')}>
                                <img src="../src/assets/605.jpg" alt="" />
                            </div>
                        </Tabs.TabPane>
                    ))}
                </Tabs>
            </div>
        </div>
    )
}

export default index